<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器</title>
    <style>
        div span{
            background-color: orange;
        }
        /* div 里面的.last */
        div .last{
            color: yellow;            
        }
    </style>
</head>
<body>
    <span>span标签</span>
    <div>
        <span>这是div的后代 span</span>
    </div>
    <div>
        <p><span>慧医在线问</span>是一个移动端在线医疗服务平台，提供线上医生问诊，处方
           开具，健康百科，新闻推荐等服务。用户可以通过云诊室平台与注册的
           医生进行在线问诊，方便快捷获取医疗服务，慧医在线问致力于为用户
           提供便捷、高效的医疗服务，缓解就医难题。   </p>
    </div>
    <div>
        <span class="last">这是p的后代 span</span>
    </div>
</body>
</html>